<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%-- <div class="w_1000 aqbz">
  <div class="aqbztitle">借款流程</div>
  <div class="jkadd"><img width="844" height="57" src="<s:url value="/images/jklc1.png"/>"></div>
  <div class="aqbztitle">借款类型</div>
  <div class="jklc_cont1">
    <div class="jklc_left">
    <!-- 代码 开始 -->
		<div class="focus" id="fsD1">  
			<div class="fPic" id="D1pic1">
			
			 <div class="jklc_list1">
				   <div style="display: none;" id="content1" class="fcon">
					   <h4 class="jklc_title">汽车融资租赁<br></h4>
					<div style="height:130px;" class="abstract">针对有购车需求，但因各种原因无法满足贷款条件的客户，可以委托公司全款购买客户心仪的车辆，然后将车辆以租赁的方式交给客户使用，客户仅需交纳一定的保证金，且按月支付租金，即可获得车辆约定期限内使用权，租赁期满后，还可获得车辆的所有权。是一种全新的购车模式。</div>
					  <div class="jklc_cont2">
							<table width="100%" cellspacing="30px;" cellpadding="0" border="0" border-spacing="30px;">
							  <tbody><tr>
								<td width="25%" valign="top">
								  <p>产品特点：</p>
								 	1.帮助受资金短缺等因素限制的客户，满足购车需求。<br>
									2.更低的保证金，减少资金占用。<br>
									3.手续简单，审批速度快。<br>
									4.有效节省了换车成本。<br>
									5.租期选择多样化，可提前解除租约。<br>
									6.符合现代汽车消费理念。<br>								</td>
								<td width="25%" valign="top">
								  <p>申请条件：</p>
								    1.21—60周岁的中国公民。<br>
									2.从事正当职业并有稳定的收入，具备足够的租金交付能力。<br>
									3.持有有效的《中华人民共和国驾驶证》。<br>								</td>
								<td width="25%" valign="top">
								  <p>申请材料：</p>
								    1.有效期内的第二代中国居民身份证。<br>
									2.征信报告（打印日期距离申请日15天以内）。<br>
									3.半年银行流水（打印日期距离申请日15天以内）。<br>
									4.工作收入证明/有效期内的劳动合同。<br>
									5.营业执照（企业客户）。<br>
									6.驾驶证。<br>
								</td>
								<td valign="top">
								  <p>还款方式：</p>
								  从银行卡中代扣<br>客户自主充值								</td>
							  </tr>
							</tbody></table>
							</div>
					</div>
				</div><div class="jklc_list1">
				   <div style="display: none;" id="content1" class="fcon">
					   <h4 class="jklc_title">汽车质押借款<br></h4>
					<div style="height:130px;" class="abstract">针对有短期资金周转需求，且资信良好的个人或企业客户，将名下车辆以抵押/质押的方式做为担保，以获得借款。</div>
					  <div class="jklc_cont2">
							<table width="100%" cellspacing="30px;" cellpadding="0" border="0" border-spacing="30px;">
							  <tbody><tr>
								<td width="25%" valign="top">
								  <p>产品特点：</p>
								 	1.	借款周期短，还款方式灵活，资金使用率高<br>
									2.	手续简单，审批速度快，24小时到账<br>
								</td>
								<td width="25%" valign="top">
								  <p>申请条件：</p>
								  	1.	21—60周岁的中国公民 <br>
									2.	从事正当职业，有明确的借款用途和还款来源<br>
									3.	名下拥有产权清晰且评估价高于申请金额的机动车辆 <br>							
								</td>
								<td width="25%" valign="top">
								  <p>申请材料：</p>
								 	1.	有效期内的第二代中国居民身份证 <br>
									2.	征信报告（打印日期距离申请日15天以内） <br>
									3.	半年银行流水（打印日期距离申请日15天以内）<br>
									4.	工作收入证明/有效期内的劳动合同 <br>
									5.	营业执照（企业客户） <br>
									6.	车辆登记证、行驶证、机动车责任事故强制性保险单、商业保险单、备用钥匙等汽车相关资料 <br>								
								</td>
								<td valign="top">
								  <p>还款方式：</p>
								  从银行卡中代扣<br>客户自主充值								
								</td>
							  </tr>
							</tbody></table>
							</div>
					</div>
				</div><div class="jklc_list1">
				   <div style="display: block;" id="content1" class="fcon">
					   <h4 class="jklc_title">车商定向资金融资<br></h4>
					<div style="height:130px;" class="abstract">汽车经销商在需要补充其备货库存时，以相关资产作为抵押/质押，以或得资金帮助的融资方式。获得的资金放在监管账户内，仅做为特定项目使用。</div>
					  <div class="jklc_cont2">
							<table width="100%" cellspacing="30px;" cellpadding="0" border="0" border-spacing="30px;">
							  <tbody><tr>
								<td width="25%" valign="top">
								  <p>产品特点：</p>
									1.	借款周期短，还款方式灵活，资金使用率高<br>
									2.	手续简单，审批速度快，48小时到账 <br>								
								</td>
								<td width="25%" valign="top">
								  <p>申请条件：</p>
								  经营稳定、资信良好的汽车经销商或4S店 <br>								
								</td>
								<td width="25%" valign="top">
								  <p>申请材料：</p>
								 	1.	营业执照、组织机构代码证、税务登记证、开户许可证 <br>
									2.	法人身份证 <br>
									3.	征信报告（打印日期距离申请日15天内）<br>
									4.	对私和对公半年银行流水（打印日期距离申请日15天内） <br>
									5.	用于抵押/质押车辆的入库单、订货合同、合格证、车钥匙<br>								
								</td>
								<td valign="top">
								  <p>还款方式：</p>
								  从银行卡中代扣<br>客户自主充值								
								</td>
							  </tr>
							</tbody></table>
							</div>
					</div>
				</div>
					   
			</div>
			<div class="fbg">  
			<div id="D1fBt" class="D1fBt"> 
			
			  <a class="" target="_self" hidefocus="true" href="javascript:void(0)"><i>1</i></a><a class="" target="_self" hidefocus="true" href="javascript:void(0)"><i>2</i></a><a class="current" target="_self" hidefocus="true" href="javascript:void(0)"><i>3</i></a> 
  
			</div>  
			</div>  
			<span class="prev"></span>   
			<span class="next"></span>    
		</div> 
    </div>		
<script type="text/javascript">
	Qfast.add('widgets', { path: "/assets/fnp2p/js/terminator2.2.min.js", type: "js", requires: ['fx'] });  
	Qfast(false, 'widgets', function () {
		K.tabs({
			id: 'fsD1',   //焦点图包裹id  
			conId: "D1pic1",  //** 大图域包裹id  
			tabId:"D1fBt",  
			tabTn:"a",
			conCn: '.fcon', //** 大图域配置class       
			auto: 1,   //自动播放 1或0
			effect: 'fade',   //效果配置
			eType: 'click', //** 鼠标事件
			pageBt:true,//是否有按钮切换页码
			bns: ['.prev', '.next'],//** 前后按钮配置class                          
			interval: 4000  //** 停顿时间  
		}) 
	}) 
</script>
<!-- 代码 结束 -->	 
	<script type="text/javascript">	 
		// 判断是否登陆		
		var obj = true;
		var info = "";
		function ch() {	
			if(info ==""){
			if(obj){				
				$.Zebra_Dialog('请先登录后再填写！', {
					    'type':     'warning',
					    'title':    '提示',
					    'buttons':  ['确定'],
					    'onClose':  function(caption) {
					    	window.location.replace("https://www.fnp2p.com/auth/login.html");
					    }
					});				
			}
			obj = false;
			}
		} 
	     
		 var ad = false;
		 function checkphone(obj){
		   var reg = /^1[3|4|5|8][0-9]\d{4,8}$/;
		   if(reg.test($(obj).val())){
		    	ad = true;
		     }else{
		    	 ad=false;
		    	 $.Zebra_Dialog('请输入正确的手机号', {'type':'error','title':'提示'});
		     }
		  }
 
		var moneyCheck = false;
		var monthCheck = false;
		function checkMoney(obj){
			var reg = /^[1-9]([\d]*)$/;
			if(reg.test($(obj).val())){
				moneyCheck = true;
			}else{
				moneyCheck = false;
				$.Zebra_Dialog('请输入正确的金额', {'type':'error','title':'提示'});
			}
		}
		
		function checkMonth(obj){
			var reg =/^[0-9]*$/;
			if(reg.test($(obj).val())){
				monthCheck = true;
			}else{
				monthCheck = false;
				$.Zebra_Dialog('请输入正确的期限', {'type':'error','title':'提示'});
			}
		}
		function submitform(obj){
			if(!ad){
				$.Zebra_Dialog('请输入正确的手机号', {'type':'error','title':'提示'});
				return false;
			}
			if(!moneyCheck){
				$.Zebra_Dialog('请输入正确的金额', {'type':'error','title':'提示'});
				return false;
			}
			if(!monthCheck){
				$.Zebra_Dialog('请输入正确的借款期限', {'type':'error','title':'提示'});
				return false;
			}
			if($('input[name=area]').val()===''){
				$.Zebra_Dialog('所在地区必填', {'type':'error','title':'提示'});
				return false;
			}
			if($('input[name=content]').val()===''){
				$.Zebra_Dialog('描述必填', {'type':'error','title':'提示'});
				return false;
			}
			$.post($(obj).attr('action'),$(obj).serialize(),function(res){
				       if(res.note==1){
				    	  $.Zebra_Dialog('请先登录后再填写！', {
							    'type':     'warning',
							    'title':    '提示',
							    'buttons':  ['确定'],
							    'onClose':  function(caption) {
							    	window.location.replace("https://www.fnp2p.com/auth/login.html");
							    }
							});	
				      }else if(res.note==2){
				    	  $.Zebra_Dialog('提交成功！', {
							    'type':     'confirmation',
							    'title':    '提示',
							    'buttons':  ['确定'],
							    'onClose':  function(caption) {
							    	window.location.replace("/borrow_apply/index.html");
							    }
							});	
				      }else{
				    	  $.Zebra_Dialog(res.note, {'type':'error','title':'xxx'});
				      }  
			})
			return false;
		}
	</script>    
    <div class="jklc_right">
    <form method="post" action="/borrowApply/index" onsubmit="return submitform(this);">
      <ul>
        <li><span>姓名</span><input name="name" type="text" onfocus="ch();"></li>
        <li><span>*手机</span><input name="telphone" type="text" onchange="checkphone(this);" id="phone"></li>
        <li><span>*借贷类型</span>
             <select name="borrow_type">
                    <option value="0">—— 请选择 ——</option>
             	<option value="1">以租代购</option><option value="2">汽车质押</option><option value="3">车商融资</option>          
            </select>
           </li>
        <li><span>*借贷金额</span><input onchange="checkMoney(this);" name="borrow_money" type="text" id="money"></li>
        <li><span>*借贷期限(月)</span><input onchange="checkMonth(this);" name="borrow_duration" type="text"><samp></samp></li>
        <li><span>*所在地区</span><input onchange="checkArea(this);" name="area" type="text"></li>
        <li><span>*描述</span><input onchange="checkDes(this);" name="content" type="text"></li>
        <li><input class="jklc_tjsq" name="" type="submit" value="提交申请"></li>
      </ul>
      <input type="hidden" name="__hash__" value="1dfa3806a4f8badea9838c2aee06cfd7_e27f261735eb480a68f863c107b0f797"></form>
    </div> 
  </div>
  
</div> --%>
<div class="container">
	<div class="page-header">
	  <h1>Example page header <small>Subtext for header</small></h1>
	</div>
	<c:forEach items="${borrowProducts }" var="obj">
	<div class="panel panel-default">
		<div class="panel-body">
			<div class="row">
				<div class="col-md-12">
					<p><span>产品名称:</span><span>${obj.name }  </span><span><i class="fa fa-user"></i>企业</span></p>
				</div>
				<div class="col-md-10">
					<p>产品介绍</p>
				</div>
				<div class="col-md-2">
					<a href="<s:url value="/borrowApply/application/{id}"><s:param name="id" value="${obj.id }"/></s:url>" class="btn btn-primary">查看详情</a>
				</div>
			</div>
		</div>
	</div>
	</c:forEach>
</div>
